@charset "utf-8";
/* CSS Document */

.emojiView{position:fixed; z-index:999; left:0; bottom:0; width:100%; height:172px; overflow:hidden; text-align:center; background:#fff; -webkit-transform:translateY(172px); transform:translateY(172px);}
.emojiView-t{-webkit-transition:-webkit-transform 200ms ease-out; transition:transform 200ms ease-out;}
.emojiView-x{-webkit-transform:translateY(0); transform:translateY(0);}
.emojiView section{width:100%; height:142px; overflow:hidden;}
.emojiView section div{height:100%;}
.emojiView section ul{height:100%;}
.emojiView section ul li{width:14.2%; height:30px; margin-top:13px; float:left; text-align:center;}
.emojiView section ul li a{display:block; text-decoration:none; width:100%; height:100%; overflow:hidden;}
.emojiView section ul li a i{display:block; margin:0 auto; width:30px; height:30px; background:no-repeat center center; background-size:100% 100%;}
.emojiView section ul li a.deleteEmoji{display:block;}
.emojiView footer{position:relative; width:100%; height:30px; overflow:hidden; line-height:30px;}
.emojiView footer > a{display:block; position:absolute; top:0; right:0; width:60px; height:100%; text-align:center; font-size:12px; color:#fff; background:#007aff;}
.emojiView footer div{margin:0 auto; margin-top:11px;}
.emojiView footer div a{display:block; float:left; margin:0 4px; width:8px; height:8px; overflow:hidden; border-radius:4px; background:rgba(0,0,0,0.4); transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;}
.emojiView footer div a.this{background:rgba(0,0,0,0.7);}